<!DOCTYPE html>
<html class="x-admin-sm">

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
	<link rel="stylesheet" href="/css/font.css">
	<link rel="stylesheet" href="/css/xadmin.css">
	<script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript" src="/js/xadmin.js"></script>
	<script type="text/javascript" src="/js/jquery.min.js"></script>
	<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
	<!--[if lt IE 9]>
	<script src="/js/html5.min.js"></script>
	<script src="/js/respond.min.js"></script>
	<![endif]-->
</head>
<style>
	.layui-form-item .layui-input-inline {
		width: 300px!important;
	}
</style>

<body>
<div class="x-nav">
	<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
		<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
	</a>
</div>
<div class="layui-fluid">
	<div class="layui-row">
		<form class="layui-form">
			<div class="layui-form-item">
				<label for="username" class="layui-form-label"><span class="x-red">*</span>管理员ID</label>
				<div class="layui-input-inline">
					<input type="text" readonly="on" value="<?= $_SESSION['userinfo']['id'] ?>"  autocomplete="off" class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label for="username" class="layui-form-label"><span class="x-red">*</span>管理员姓名</label>
				<div class="layui-input-inline">
					<input type="text" readonly="on" value="<?= $_SESSION['userinfo']['username'] ?>"   autocomplete="off" class="layui-input">
				</div>
			</div>


			<div class="layui-form-item">
				<label for="phone" class="layui-form-label"><span class="x-red">*</span>管理员账号</label>
				<div class="layui-input-inline">
					<input type="text" readonly="on"  value="<?= $_SESSION['userinfo']['account'] ?>" autocomplete="off" class="layui-input"></div>
			</div>


			<div class="layui-form-item">
				<label for="phone" class="layui-form-label"><span class="x-red">*</span>新密码</label>
				<div class="layui-input-inline">
					<input type="password"  id="p1"  lay-verify="required" autocomplete="off" class="layui-input"></div>
			</div>

			<div class="layui-form-item">
				<label for="phone" class="layui-form-label"><span class="x-red">*</span>确认密码</label>
				<div class="layui-input-inline">
					<input type="password" id="p2"   name="password" lay-verify="required" autocomplete="off" class="layui-input"></div>
			</div>


			<div class="layui-form-item">
				<label for="L_repass" class="layui-form-label"></label>
				<button type="button"  class="layui-btn" lay-submit="" lay-filter="add">保存</button>
			</div>
		</form>
	</div>
</div>
<script>
    layui.use(['layer','form'],function() {
        var form = layui.form;
        var layer = layui.layer;
        $ = layui.jquery;

        form.on('submit(add)', function(data){
        	
        var p1=$('#p1').val();
        var p2=$('#p2').val();
    	var reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,}$/;
    	
    	if(!reg.test(p1)){
    	layer.msg('密码长度要大于6位，由数字和字母组成');
    	 return false;	
    	}
        	
        if(p1!==p2){
    	layer.msg('两次密码不一致！');
    	 return false;	
    	} 	
        	
            $.ajax({
                url:'/role/password',
                method:'post',
                data:data.field,
                dataType:'JSON',
                success:function(res){
                    if (res.code){
                        layer.msg(res.msg);
                        setTimeout(function () {
                            location.reload();
                        },500);

                    }else{
                        layer.msg(res.msg);
                    }
                },
                error:function (data) {

                }
            }) ;
        });
    });
</script>
</body>

</html>
